<template>
  <div class="demo-title">notice-bar/demo8</div>
  <NoticeBar text="this is a reminder message.">
    <template #right-icon>
      <span @click="onClick">Do not remind again</span>
    </template>
  </NoticeBar>
</template>

<script lang="ts" setup>
  import NoticeBar from '@sscd-mobile/notice-bar'
  import Toast from '@sscd-mobile/toast'
  const onClick = () => {
    Toast.show({ text: "Don't remind next time" })
  }
</script>
